// 开发流程
.procedure {

  .procedure-title {
    width: 70%;
    margin: auto;
    text-align: center;

    p:nth-child(1) {
      font-size: 18px;
    }

    p:nth-child(2) {
      font-size: 12px;
    }
  }

  .procedure-content {
    width: 50%;
    margin: auto;

    img {
      width: 100%;
      height: 420px;
      margin: 30px 0px;
    }
  }
}

// 小程序制定
.formulate {
  width: 100%;
  background-color: #F7F7F7;
  padding: 30px 0px;

  .formulate-title {
    width: 70%;
    margin: auto;
    text-align: center;

    p:nth-child(1) {
      font-size: 18px;
    }

    p:nth-child(2) {
      font-size: 12px;
    }
  }
  .formulate-content{
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    .formulate1{
      width: 30%;
      text-align: center;
      margin: 40px 0px;
      img{
        width: 18%;
        height: 56px;
        margin-bottom: -30px;
      }
      .formu{
        background-color: #fff;
        padding: 20px 10px;
        border-radius: 10px;
        p:nth-child(2){
          font-size: 14px;
          line-height: 22px;
          color: #7F7F7F;
        }
      }
    }
    .formulate1:hover{
      transform: scale(1.05);
      transition: all 1s;
    }
  }
}
// 程序类
.kind{
  width: 70%;
  margin: auto;
  .kind-title{
    text-align: center;
    margin: 30px 0px;
    p:nth-child(1) {
      font-size: 18px;
    }

    p:nth-child(2) {
      font-size: 12px;
    }
  }
  #tabNav div.active {
    border-bottom: 4px solid #202f32;
  }

  .tabbox {
    #tabNav {
      width: 50%;
      margin: auto;
      margin-top: 2%;
      display: flex;
      justify-content: space-between;

      div {
        padding: 2%;
      }
    }

    .content {
      width: 80%;
      margin: auto;

      div {
        .taball {
          box-shadow: 5px 5px 15px #ccc;
          padding: 2%;
          display: flex;
          justify-content: space-between;
          margin-bottom: 40px;
          .left {
            width: 48%;

            img {
              display: block;
              margin: auto;
              width: 100%;
              height: 220px;
            }
          }

          .right {
            width: 48%;

            div:nth-child(1) {
              font-size: 1.2rem;
              margin-top: 3%;
              margin-bottom: 5%;
            }

            div:nth-child(2) {
              font-size: 1rem;
              margin-top: 30px;
              line-height: 30px;
              font-size: 13px;
              color: #747474;
            }
          }
        }
      }
    }
  }

  .tabbox .content>div {
    display: none;
  }

  .tabbox .content>div.active {
    display: block;
  }
}